﻿<!doctype html>
<html lang="en" ondragstart="return false">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>仲恺智慧农业团队食品安全质量追溯云平台</title>
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <link rel="stylesheet" href="./css/patch.css">
    </head>
    <body>
        <!-- 导航栏 -->
        <div>
            <div class="container">
                <nav class="navbar navbar-expand-lg navbar-light">
                        <a class="navbar-brand" href="#" style="visibility: hidden">食品安全质量追溯云平台</a>
                        <!--<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">-->
                            <!--<span class="navbar-toggler-icon"></span>-->
                        <!--</button>-->
                        <!--<div class="collapse navbar-collapse" id="navbarSupportedContent">-->
                            <!--<ul class="navbar-nav mr-auto">-->
                                <!--<li class="nav-item ">-->
                                    <!--&lt;!&ndash;<a class="nav-link" href=""><span class="sr-only">(current)</span></a>&ndash;&gt;-->
                                <!--</li>-->
                                <!--<li class="nav-item ">-->
                                    <!--&lt;!&ndash;<a class="nav-link" href=""><span class="sr-only">(current)</span></a>&ndash;&gt;-->
                                <!--</li>-->
                            <!--</ul>-->
                            <!--<form class="form-inline my-2 my-lg-0">-->
                                <!--<input class="form-control mr-sm-2" type="search" placeholder="输入溯源码" aria-label="Search">-->
                                <!--<button id="search" class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>-->
                            <!--</form>-->
                        <!--</div>-->
                </nav>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-3 col-md-0 col-sm-0"></div>
                <div class="myImageNav col-xl-6 col-lg-6 col-md-12 col-sm-12  ">
                    <img src="./image/logo.png"/><p style="line-height: 60px;font-size: 18px">食品安全质量追溯云平台</p>
                    <form action="./result.html" class="form-inline" style="margin-top: 48px">
                        <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                        <input type="text" name="fowlCode" class="form-control col-xl-10 col-lg-10 col-md-10 col-sm-10" style="border-radius:0px;border:1px solid rgba(255,255,255,0.42) "id="exampleInputAmount" placeholder="键入溯源码" required>
                        <button type="submit" class="btn btn-primary col-xl-2 col-lg-2 col-md-2 col-sm-2" style="border-radius:0px ">搜索</button>
                    </form>
                </div>
                <!--<div class="extra col-xl-3 col-lg-3 col-md-12 col-sm-12">-->
                    <!--<h3>溯源档案查询</h3>-->
                    <!--<form class="form-inline my-2 my-lg-0"></form>-->
                        <!--<input class="form-control mr-sm-2" type="search" placeholder="输入溯源码" aria-label="Search">-->
                        <!--<button id="fowl-search" type="submit"><span class="glyphicon glyphicon-align-left"></span>搜索</button>-->
                    <!--</form>-->
                <!--</div>-->
            </div>
            <h1 style="color:#fff;text-align: center">我们的平台</h1>
            <div class="row">
               <div class="tile col-xl-3 col-lg-3 col-md-6 col-sm-12 green">
                   <div class="img"><img src="./image/ic_ad1.png" alt="标识图片加载失败"></div>
                   <div class="tips">
                       <h4>智能监控</h4>
                       <p>养殖期实时监控</p>
                   </div>
               </div>
               <div class="tile col-xl-3 col-lg-3 col-md-6 col-sm-12 red">
                    <div class="img"><img src="./image/ic_ad2.png" alt="标识图片加载失败"></div>
                    <div class="tips">
                        <h4>查询便捷</h4>
                        <p>随时随地查询产品信息</p>
                    </div>
                </div>
                <div class="tile col-xl-3 col-lg-3 col-md-6 col-sm-12 blue">
                    <div class="img"><img src="./image/ic_ad3.png" alt="标识图片加载失败"></div>
                    <div class="tips">
                        <h4>信息全面</h4>
                        <p>全面展现产品各种信息</p>
                    </div>
                </div>
                <div class="tile col-xl-3 col-lg-3 col-md-6 col-sm-12 brown">
                    <div class="img"><img src="./image/ic_ad4.png" alt="标识图片加载失败"></div>
                    <div class="tips">
                        <h4>综合销售</h4>
                        <p>网店网址+实体店</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="container">
                <div class="row" style="margin-top: 8.5%">
                    <div class="footer col-xl-6 col-lg-6 col-md-6 col-sm-12">
                        <p>仲恺智慧农业团队食品安全质量追溯云平台</p>
                        <p>电话：400-88888888</p>
                        <p>地址：仲恺农业工程学院英东楼709</p>
                        <p>主页：www.xxx.com</p>
                    </div>
                    <div class="qrCode col-xl-3 col-lg-3 col-md-3 col-sm-6">
                        <img src="./image/weixin.png" alt="平台二维码加载失败">
                        <p>微信公众号</p>
                    </div>
                    <div class="qrCode col-xl-3 col-lg-3 col-md-3 col-sm-6">
                        <img src="./image/xinlang.png" alt="平台二维码加载失败">
                        <p>新浪微博</p>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
</html>